<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情页</title>
    <link rel="Shortcut Icon" href="./favicon/ficon.png" sizes="16x16">
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/goodsDetails.css">
</head>
<body>
    <!-- tools -->
    <div id="tools">
        <!-- toolsCon -->
        <div class="toolsCon">
            <div class="bl-name" title="百联集团旗下全渠道电商平台">
                <div class="txt text_ellipsis">百联集团旗下全渠道电商平台</div>
                <b></b>
            </div>
            <div class="tools-left">
                <div class="tools-leftfont">
                    <a href="">
                        <span>网站导航</span>
                        <i></i>
                    </a>
                </div>
                <span class="left-span"></span>
                <div class="divshow left-show">
                    <div class="left-show-dl">
                        <dl>
                            <dd>
                                <a href="">百联集团官网</a>
                            </dd>
                            <dd>
                                <a href="">安付宝网</a>
                            </dd>
                            <dd>
                                <a href="">第一医药</a>
                            </dd>
                            <dd>
                                <a href="">OK会员卡专区</a>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
            <div class="tools-info">
                <a href="" class="red-font">消息</a>
            </div>
            <div class="tools-right">
                <ul>
                    <li id="user_not_login" class="box float_left">
                        <div>
                            <a href="./login.html" class="login-button float_left">
                                <i class="float_left"></i>
                                <span class="float_left">请登录</span>
                            </a>
                            <a id="headerReg" href="./register.html" class="registered float_left">注册</a>
                        </div>
                        <b></b>
                    </li>
                    <li class="float_left">
                        <div class="tools-leftfont">
                            <a href="">我的订单</a>
                        </div>
                        <b></b>
                    </li>
                    <li class="float_left">
                        <div class="tools-leftfont">
                            <a href="">
                                <span>我的百联</span>
                                <i></i>
                            </a>
                        </div>
                        <span class="left-span"></span>
                        <b></b>
                        <div class="divshow hdiv">
                            <dl>
                                <dd>
                                    <a href="">我的订单</a>
                                </dd>
                                <dd>
                                    <a href="">我的评价</a>
                                </dd>
                                <dd>
                                    <a href="">我的积分</a>
                                </dd>
                                <dd>
                                    <a href="">我的收藏</a>
                                </dd>
                                <dd>
                                    <a href="">我的优惠券</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="float_left">
                        <div class="tools-leftfont">
                            <a href="">
                                <span>充值缴费</span>
                                <i></i>
                            </a>
                        </div>
                        <span class="left-span"></span>
                        <b></b>
                        <div class="divshow pay">
                            <dl class="pay-dl">
                                <dd>
                                    <div class="pay-title">水电煤缴费</div>
                                    <div class="pay-head">
                                        <a href="">缴费首页</a>
                                        <a href="">水费缴费</a>
                                        <a href="">电费缴费</a>
                                        <a href="">燃气缴费</a>
                                    </div>
                                </dd>
                                <dd>
                                    <div class="pay-title">手机充值</div>
                                    <div class="pay-head">
                                        <a href="">手机充值</a>
                                    </div>
                                </dd>
                                <dd>
                                    <div class="pay-title">其他缴费</div>
                                    <div class="pay-head">
                                        <a href="">固话/宽带充值</a>
                                        <a href="">铁通缴费</a>
                                        <a href="">有线电视缴费</a>
                                    </div>
                                </dd>
                                <dd>
                                    <div class="pay-title">游戏点卡</div>
                                    <div class="pay-head">
                                        <a href="">腾讯Q币充值</a>
                                        <a href="">盛大点券充值</a>
                                        <a href="">更多游戏</a>
                                    </div>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="float_left">
                        <div class="tools-leftfont">
                            <a href="">
                                <span>客户服务</span>
                                <i></i>
                            </a>
                        </div>
                        <span class="left-span"></span>
                        <b></b>
                        <div class="divshow hdiv">
                            <dl>
                                <dd>
                                    <a href="" class="c_ntkf">在线客服</a>
                                </dd>
                                <dd>
                                    <a target="_blank" href="">帮助中心</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="float_left">
                        <div class="tools-leftfont">
                            <a href="">
                                <span>掌上百联</span>
                                <i></i>
                            </a>
                        </div>
                        <span class="left-span"></span>
                        <b></b>
                        <div class="divshow palm">
                            <div class="palm-item">
                                <span class="palm-item-img">
                                    <img src="./images/blErWeiMa.jpg" width="100" height="100"></span>
                                <div class="palm-item-line text_ellipsis">
                                    <p class="palm-item-title">i百联微信</p>
                                </div>
                                <div class="palm-item-line text_ellipsis">
                                    <p class="palm-item-message">扫一扫关注</p>
                                </div>
                            </div>
                            <div class="palm-item">
                                <span class="palm-item-img">
                                    <img src="./images/Er2.png" width="100" height="100">
                                </span>
                                <div class="palm-item-line text_ellipsis">
                                    <p class="palm-item-title">i百联APP</p>
                                </div>
                                <div class="palm-item-line text_ellipsis">
                                    <p class="palm-item-message">手机购物更方便</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="float_left">
                        <div class="tools-leftfont">
                            <a target="_blank" href="http://localhost/blShop-gulp/src/goodsCart.html">
                                <span>购物车</span>
                            </a>
                        </div>
                        <b></b>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="margin">
        <div class="crumb">
            <a href="">
                <span>电脑办公 > </span>
            </a>
            <a href="">
                <span>电脑整机 ></span> 
            </a> 
            <a href="">
                <span>平板电脑 > </span>
            </a>
            <a href="" class="brandJump">
                <span>苹果(Apple)</span>
            </a>
            </a>
            <img src="http://img15.iblimg.com/goods-135/images/brand/1493500521.jpg" height="44">
        </div>
    </div>
    <div class="margin">
        <div class="phone">
            <!-- <div class="phleft">
                <div class="phimg">
                    <div class="simg">
                        <img src="https://img.iblimg.com/photo-49/3020/75414464_360x360.jpg" alt="">
                        <span></span>
                    </div>
                    <div class="bimg">
                        <img src="https://img.iblimg.com/photo-49/3020/75414464_360x360.jpg" alt="">
                    </div>
                </div>
                <div class="items">
                    <ul id="picture">
                        <li>
                            <img jqimg="images/b1.jpg" id="img_0" class="lazytag itemborder" src="https://Img.iblimg.com/photo-49/3020/75414464_360x360.jpg" alt=""  style="display: inline;">
                        </li>
                        <li>
                            <img jqimg="images/b1.jpg" id="img_1" class="lazytag" src="https://Img.iblimg.com/photo-49/3020/1126376069_360x360.jpg" alt=""  style="display: inline;">
                        </li>
                        <li>
                            <img jqimg="images/b1.jpg" id="img_2" class="lazytag" src="https://Img.iblimg.com/photo-49/3020/66649747_360x360.jpg" alt=""  style="display: inline;">
                        </li>
                        <li>
                            <img jqimg="images/b1.jpg" id="img_3" class="lazytag" src="https://Img.iblimg.com/photo-49/3020/1839320481_360x360.jpg" alt=""  style="display: inline;">
                        </li>
                    </ul>
                </div>
                <div class="intro-meno-left">
                    <div class="share-list">
                        <a href="###" class="shar-list-icon">分享</a>
                    </div>
                    <div class="number text_ellipsis">
                        商品编号 <span title="302010159427">302010159427</span>
                    </div>
                </div>
            </div>
            <div class="phright">
                <div class="goods-name">
                    <h1>
                        <b class="late">自营百联</b>
                            【官方授权】Apple iPad Pro 11英寸 2020新款 128G MY232CH/A 深空灰色 平板电脑
                    </h1>
                    <div class="title">
                        2020新款iPad Pro震撼上市！ A12Z芯片、视网膜屏、移动轻办公，你的下一台电脑何必是电脑！  
                        <a href="" >#i百联4周年庆#部分商品享建设银行3、6期分期免息#点击了解~分!期!攻!略!~~</a>
                    </div>
                </div>
                <div class="active-box">
                    <input type="hidden" id="q_distanceStartTimes" value="">
                    <b>闪购</b>距离活动结束还有:&nbsp;
                    <span class="j-dd">9</span>天&nbsp;
                    <span class="j-hh">09</span>小时&nbsp;
                    <span class="j-mm">04</span>分&nbsp;
                    <span class="j-ss">47</span>秒&nbsp;
                    <a href="" id="flashUrl">更多活动 &gt;</a>
                </div>
                <div class="price-line">
                    <span class="black">
                    
                            活动价</span>
                    <span class="price">
                        <strong id="FlashPrice"><i>¥</i>&nbsp;5999.00</strong>
                     </span>
                     <span class="c999" id="salePrice">参考价 ￥6229.0</span>
                     <span class="gral" id="productPoint"></span>
                 </div>
                <div class="send-service">
                    <dl>
                        <dt>配送</dt>
                        <dd>
                            <div class="distribution cl">
                                <div class="local"></div>
                                <div class="stock" title="初始运费5元,首重5kg,超重1元/kg;每满99元,减免5kg;">99元免基础运费（5kg内）</div>
                            </div>
                        </dd>
                    </dl>
                </div>

                <div class="pay-sevice">

                    <dl>
                        <dt>服务</dt>
                        <dd>
                            <div class="message-line">
                                本产品由百联云商提供发货和售后服务<em id="delivery-timeliness" style="display: none;"></em>
                            </div>
                            <div class="frozen-line" id="frozenLine"></div>
                            <ul class="service-line">
                                <li>不支持到店自提</li>
                                <li class="service-on">
                                    <a href="https://promotion.bl.com/nc/PC_HDGL20170215000001233_1213.html" target="_blank">
                                        支持7天无理由退货（拆封后不支持）
                                    </a>
                                </li>
                                    <li>不支持货到付款</li>
                                    </ul>
                            <ul class="service-line">
                                <li class="service-on">
                                    发货时效(48小时内)<strong class="point-color3">5.00分,高</strong>
                                </li>
                            </ul>
                        </dd>
                    </dl>
                </div>
                

                <div id="error-tip" class="choose-type">
                        <dl>
                            <dt>
                                <span>型号及主要配置</span>
                            </dt>
                            <dd>
                                <ul class="color-list" id="ifHaveModel">
                                    <li name="prop_model" goodssid="4225302" class="">WIFI 512G 深空灰</li>
                                    <li name="prop_model" goodssid="4225303" class="">WIFI 512G 银色</li>
                                    <li name="prop_model" goodssid="4225305" class="">WIFI 1T 深空灰</li>
                                    <li name="prop_model" goodssid="4225310" class="">WIFI 128G 银色</li>
                                    <li name="prop_model" goodssid="4225311" class="">WIFI 1T 银色</li>
                                    <li name="prop_model" goodssid="4225322" class="select">WIFI 128G 深空灰</li>
                                    <li name="prop_model" goodssid="4225324" class="">WIFI 256G 银色</li>
                                    <li name="prop_model" goodssid="4225328" class="">WIFI 256G 深空灰</li>
                                    </ul>
                            </dd>
                        </dl>
                </div>
                <div class="change_num">
                    <dl>
                        <dt class="item-number">购买数量</dt>
                        <dd>
                            <button id="reduce" class="btn-down-disable">-</button>
                            <input value="1" id="itemnumber" class="text">
                            <button id="addnum" class="btn-add ">+</button>                        
                            <span>&nbsp;&nbsp;&nbsp;每单限购2件</span>
                            <span id="productStor">库存7件</span>
                        </dd>
                    </dl>
                </div>
                <dl class="buy-cart">
                    <dd>
                        <div class="btn-line" id="but_tiem">
                            <button class="buy-now" id="addpurchase">立即购买</button>
                            <span id="btnGood"><button id="addCart" class="btn-buy">加入购物车</button></span>
                        </div>
                    </dd>
                </dl>
                <div class="praise">
                    <span><b>89%</b>好评</span> <span>&nbsp;&nbsp; |&nbsp;&nbsp; </span>  <span><a href="#proinfo-main-menu" class="black">9</a> 评价</span>  <span>&nbsp;&nbsp; |&nbsp;&nbsp;</span>  <span class="blue" id="memberCommentPoints"><a href="" class="blue">评价返积分</a></span>
               </div>
            </div> -->
        </div>
    </div>
     <!-- footer -->
     <div id="footer">
        <div class="helpnav clear_fix">
            <div class="footerCon">
                <div class="footer-center">
                    <div class="helpnav-list float_left">
                        <div class="helpnav-title">
                            <i class="footic1 float_left"></i>
                            新手入门
                        </div>
                        <ul>
                            <li><a href href=""> 购物流程</a></li>
                            <li><a href=""> 会员介绍</a></li>
                            <li><a href=""> 常见问题</a></li>
                            <li><a href=""> 发票说明</a></li>
                            <li><a href=""> 联系客服</a></li>
                        </ul>
                    </div>
                    <div class="helpnav-list float_left">
                        <div class="helpnav-title">
                            <i class="footic2 float_left"></i>
                            配送服务
                        </div>
                        <ul>
                            <li><a href=""> 配送范围及运费</a></li>
                            <li><a href=""> 配送进度查询</a></li>
                            <li><a href=""> 自提服务</a></li>
                            <li><a href=""> 商品验货与签收</a></li>
                        </ul>
                    </div>
                    <div class="helpnav-list float_left">
                        <div class="helpnav-title">
                            <i class="footic3 float_left"></i>
                            支付方式
                        </div>
                        <ul>
                            <li><a href=""> 货到付款</a></li>
                            <li><a href=""> 在线支付</a></li>
                        </ul>
                    </div>
                    <div class="helpnav-list float_left">
                        <div class="helpnav-title">
                            <i class="footic4 float_left"></i>
                            售后服务
                        </div>
                        <ul>
                            <li><a href=""> 退换货政策 </a></li>
                            <li><a href=""> 退换货流程</a></li>
                            <li><a href=""> 退款说明</a></li>
                        </ul>
                    </div>
                    <div class="helpnav-list">
                        <div class="helpnav-title">
                            <i class="footic5 float_left"></i>
                            商家支持
                        </div>
                        <ul>
                            <li><a href=""> 商家入驻</a></li>
                            <li><a href=""> 商家规则</a></li>
                            <li><a href=""> 商家常见问题</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="public-ad">
            <div class="footer-center">
                <ul class="public-adlist">
                    <li class="float_left">
                        <a href=""> <img src="./images/f1.jpg"></a>
                    </li>
                    <li class="float_left">
                        <a href=""> <img src="./images/f2.jpg"></a>
                    </li>
                    <li class="float_left">
                        <a href=""> <img src="./images/f3.jpg"></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="bottom-nav">
            <div>
                <a href="">关于我们</a>
                <span>|</span>
                <a href="">联系我们</a>
                <span>|</span>
                <a href="">加盟合作</a>
                <span>|</span>
                <a href="">诚征英才</a>
                <span>|</span>
                <a href="">友情链接</a>
                <span>|</span>
                <a href="">新零售合作</a>
            </div>
            <div class="copyright">
                百联集团有限公司版权所有
                <span>|</span>
                客服电话：400-900-8800
                <span>|</span>
                <a href="">沪ICP备15028847号-1</a>
            </div>
            <a href="" class="drug-message">
                互联网药品信息服务资质证书编号：沪-（非营业性）-2016-0044
            </a><br>
            <a href="" class="drug-message">
                医疗器械网络交易服务第三方平台备案凭证-（沪）网械平台备字[2020]第00002号
            </a><br>
            <a href="" class="drug-message">
                全渠道增值电信业务经营许可证
            </a>
            <div class="police">
                <a class="gongan" href="">
                    <img src="./images/f4.png" class="float_left">
                    <span>沪公网安备 31010102002366号</span>
                </a>
                <a class="gongs" href="">
                    <img src="./images/f5.png" width="20" height="21" class="float_left">
                    <span>上海工商</span>
                </a>
                <a class="zhizhao" href="">
                    <img src="./images/f6.png" class="float_left">
                    <span>经营执照</span>
                </a>
                <a class="wangping" href="">
                    <img src="./images/f7.png" width="21" class="float_left">
                    <span>网购大家评</span>
                </a>
            </div>
        </div>
    </div>
</body>
<script src="./lib/ajax.js"></script>
<script src="./js/goodsDetails.js"></script>

</html>